<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>必要网商品</title>
		<link rel="stylesheet" type="text/css" href="css/product.css" />
	</head>

	<body>
		<div id="main">
			<div id="header-box">
				<div id="header">
					<div class="h-left">
						<ul>
							<li>
								<a href="index.html">首页</a>
							</li>
							<li>
								<a href="car.html">平台政策</a>
							</li>
							<li>
								<a href="car.html" class="bn">商家入驻</a>
							</li>
						</ul>
					</div>
					<div class="h-right">
						<ul>
							<li>
								<a href="enter.html" class="bn">登录</a>
								<a href="login.html">注册</a>
							</li>
							<li class="DL">
								<a href="car.html">下载必要APP</a>
								<div class="DL-ewm">
									<div class="bj">
										<img style="width: 160px;" src="image/index/bj.jpg" />
									</div>
									<img class="DL-img1" src="image/index/appLogo.png" />
									<p>我需要的，才是必要的</p>
									<img class="DL-img2" src="image/index/app.png" />
								</div>
							</li>
							<li style="padding-left: 20px;background: url(image/index/xx.jpg) no-repeat 10px 6px;">
								<a href="car.html" class="bn">消息中心<span style="margin-left: 5px;">0</span></a>
							</li>
							<li style="padding-left: 20px;background: #523669 url(image/index/car.jpg) no-repeat 10px 6px;">
								<a href="car.html" class="bn gwc">购物车<span style="margin-left: 5px;">0</span></a>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div id="search-box">
				<div id="search">
					<div class="S-left">
						<a href="index.html"><img src="image/index/logo.png" /></a>
					</div>
					<div class="S-right">
						<input type="text" class="S-inp" value="请输入要搜索的商品" />
						<!--<a href="car.html" class="ss-img"></a>-->
						<div class="ss-img"></div>
						<div class="Inp-search">
							<ul>
								<li>
									<a href="car.html">面膜1</a>
								</li>
								<li>
									<a href="car.html">面膜2</a>
								</li>
								<li>
									<a href="car.html">面膜3</a>
								</li>
								<li>
									<a href="car.html">面膜4</a>
								</li>
								<li>
									<a href="car.html">面膜5</a>
								</li>
								<li>
									<a href="car.html">面膜6</a>
								</li>
								<li>
									<a href="car.html">面膜7</a>
								</li>
								<li>
									<a href="car.html">面膜8</a>
								</li>
								<li>
									<a href="car.html">面膜9</a>
								</li>
								<li>
									<a href="car.html">面膜10</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<div id="product-box">
				<div id="product">
					<p class="pro-Top-p">
						<a href="index.html">首页&nbsp;</a><span class="fh-list" style="cursor: pointer;"> > 百搭轻薄女衬衫</span></p>
					<div class="product-left">
						<div class="s-img">
							<div class="tool"></div>
							<img src="image/product/pro-1.jpg" />
						</div>
						<div class="list">
							<ul>
								<li class="active" Url="image/product/pro-1.jpg">
									<a href="javascript:;"><img src="image/product/pro-1.jpg" /></a>
								</li>
								<li Url="image/product/pro-2.jpg">
									<a href="javascript:;"><img src="image/product/pro-2.jpg" /></a>
								</li>
								<li Url="image/product/pro-3.jpg">
									<a href="javascript:;"><img src="image/product/pro-3.jpg" /></a>
								</li>
								<li Url="image/product/pro-4.jpg">
									<a href="javascript:;"><img src="image/product/pro-4.jpg" /></a>
								</li>
								<li Url="image/product/pro-5.jpg" class="no-bot">
									<a href="javascript:;"><img src="image/product/pro-5.jpg" /></a>
								</li>
							</ul>
						</div>
						<div class="b-img">
							<div class="b-img-box">
								<img src="image/product/pro-1.jpg" />
							</div>
						</div>
						<div class="promise">
							<ul>
								<li>
									<a href="javascript:;">七天无忧退换</a>

									<div>
										<p><i></i>实物破损、不符、质量问题，退换货商家承担往返运费。</p>
									</div>
								</li>
								<li>
									<a href="javascript:;">先行赔付</a>

									<div>
										<p><i></i>争议可申诉，申诉成功，立即退款。</p>
									</div>
								</li>
								<li style="margin-left: -20px;">
									<a href="javascript:;">超时赔偿</a>

									<div>
										<p><i></i>未按承诺时间发货，系统自动赔付（赔款金额为订单商品金额的30%，上限500元）。</p>
									</div>
								</li>
							</ul>
						</div>
					</div>

					<div class="product-right" data-good-id="1">
						<div class="pro-r-top">
							<p class="p1">百搭轻薄女衬衫BYWC70004</p>
							<p class="p2">可拆卸珍珠别针点缀装饰，点亮整体造型</p>
						</div>
						<div class="pro-r-main">
							<p class="p1"><span>售价</span><b>￥<em>219</em></b><span>生产周期：15天</span></p>
							<p class="p2">
								<span>颜色</span>
								<em class="em1">黑色</em>
								<em class="em2">白色</em>
								<a class="a1 active" href="javascript:;"><i class="active" Url="image/product/pro-1.jpg"></i><img src="image/product/pro-1.jpg" /></a>
								<a class="a2" href="javascript:;"><i Url="image/product/pro-3.jpg"></i><img src="image/product/pro-3.jpg" /></a>
							</p>
							<p class="p3"><span>尺寸</span><a href="javascript:;" class="active">XS</a><a href="javascript:;">S</a><a href="javascript:;">M</a><a href="javascript:;">L</a></p>
							<span class="span1">查看尺码对照表</span>
							<p class="p4"><span>数量</span><a class="btn-L" href="javascript:;">-</a><b class="sl">1</b><a class="btn-R" href="javascript:;">+</a></p>
							<a class="buyNow" href="javascript:;">立即购买</a>
							<a class="addCar" href="javascript:;">加入购物车</a>
						</div>
					</div>
				</div>
			</div>

			<div id="information-box">
				<div id="information">
					<div class="infor-T">
						<div>
							<a href="javascript:;" class="a1">ZeroWaist婚纱礼服</a>
						</div>
						<div class="change">
							<a href="javascript:;" class="a2 active">商品信息</a>
							<a href="javascript:;" class="a3">评论详情<span>0</span></a>
						</div>
					</div>
					<div class="infor-L">
						<div class="infor-L-T">
							<img src="image/product/L-Top.jpg"/>
							<span class="sp1">商品质量&nbsp;:&nbsp;<i>4.8</i></span>
							<span class="sp2">服务态度&nbsp;:&nbsp;<i>4.9</i></span>
							<a href="javascript:;">进店看看</a>
						</div>
						<dl>
							<dt><img src="image/product/left1.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left2.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left3.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left4.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left5.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left6.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left7.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left8.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
						<dl>
							<dt><img src="image/product/left9.jpg"/></dt>
							<dd class="dd1">经典女士长款风衣</dd>
							<dd class="dd2">￥599</dd>
						</dl>
					</div>
					<div class="infor-R">
						<img src="image/product/model-big.jpg"/>
						<p>暂无评论</p>
					</div>
				</div>	
			</div>
			




			<div id="Right-side">
				<div class="R-X">
					<img src="image/product/R-X.png" />
					<img style="display: none;" src="image/product/R-XA.jpg" />
				</div>
				<div class="R-T">
					<img src="image/index/R-T.jpg" />
					<img style="display: none;" src="image/index/R-TA.png" />
					<div class="R-ewm"></div>
				</div>
				<div class="R-B">
					<img src="image/index/R-B.png" />
					<img style="display: none;" src="image/index/R-BA.png" />
				</div>
			</div>

			<div id="serve-box">
				<div id="serve">
					<ul>
						<li style="background: url(image/index/serve-make.png) no-repeat 36px 23px;">
							<p>直连一线制造</p>
						</li>
						<li style="background: url(image/index/serve-backage.png) no-repeat 36px 23px;">
							<p>全品类包邮</p>
						</li>
						<li style="background: url(image/index/serve-pay.png) no-repeat 36px 23px;">
							<p>平台先行赔付</p>
						</li>
						<li style="background: url(image/index/serve-refund.png) no-repeat 36px 23px;">
							<p>七天无忧退换货</p>
						</li>
					</ul>
				</div>
			</div>

			<div id="about-box">
				<div id="about">
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<a href="car.html">平台政策</a>
						</dd>
						<dd>
							<a href="car.html">商家入驻</a>
						</dd>
					</dl>
					<dl>
						<dt>关注必要</dt>
						<dd>
							<a href="car.html">平台政策</a>
						</dd>
						<dd>
							<a href="car.html">商家入驻</a>
						</dd>
					</dl>
					<dl>
						<dt>关于必要</dt>
						<dd>
							<a href="car.html">平台政策</a>
						</dd>
						<dd>
							<a href="car.html">商家入驻</a>
						</dd>
						<dd>
							<a href="car.html">商家入驻</a>
						</dd>
					</dl>
					<dl class="dl4" style="border-right:solid 1px #ccc;">
						<dt>下载必要APP</dt>
						<dd><img style="width: 100px;height: 100px;" src="image/index/app.png" /></dd>
					</dl>
					<dl class="dl5">
						<dt>服务监督邮箱</dt>
						<dd>
							cs@biyao.com
						</dd>
					</dl>
				</div>
			</div>

			<div id="bottom-box">
				<div id="bottom">
					<p>Copyright &copy;" 2017, BIYAO.COM 珠海必要科技有限公司 粤公网安备44049102496139号 粤ICP备13088531号-2</p>
					<p>公司地址：珠海市唐家湾镇哈工大路1号1栋E301-15公司电话：0756-3635580</p>
				</div>
			</div>

		</div>
	</body>
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/jquery.cookie.js" ></script>
	<script type="text/javascript" src="js/product.js"></script>

</html>